<template name="breakingChanges">
    <div class="modal inmodal" id="breakingChangesModal" tabindex="-1" role="dialog" aria-hidden="true"
         style="display: none;">
        <div class="modal-dialog modal-lg">
            <div class="modal-content animated bounceInRight">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span
                            class="sr-only">Close</span></button>
                    <h4 class="modal-title">Breaking Changes</h4>
                    <small class="font-bold">v1.6.0</small>
                </div>
                <div class="modal-body">


                    <div id="page1">

                        <div class="row">
                            <div class="col-lg-12">
                                <div class="panel panel-primary">
                                    <div class="panel-heading">
                                        Querying BSON types
                                    </div>
                                    <div class="panel-body">
                                        <p>Querying for whole <b>BSON types</b> are supported.Check extended json
                                            documentation of mongodb for more info. Example valid queries:
                                        </p>
                                        <br/>
                                        <div id="divQueryExamples">
                                            <textarea id="txtQueryExamples" class="form-control"></textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>


                        <div class="row">
                            <div class="col-lg-12">
                                <div class="panel panel-primary">
                                    <div class="panel-heading">
                                        Added query wizard
                                    </div>
                                    <div class="panel-body">
                                        <p>Added a simple query wizard, click  <i class="fa fa-magic"></i>  and follow instructions
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-lg-12">
                                <div class="panel panel-primary">
                                    <div class="panel-heading">
                                        Mongodb 3.4 support
                                    </div>
                                    <div class="panel-body">
                                        <p>Added newly released mongodb 3.4 support</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>


                    <div id="page2" style="display: none;">
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="panel panel-primary">
                                    <div class="panel-heading">
                                        Added native shell
                                    </div>
                                    <div class="panel-body">
                                        <p>Added native mongo shell with version 3.4.0</p>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-lg-12">
                                <div class="panel panel-primary">
                                    <div class="panel-heading">
                                        Added schema analyzer
                                    </div>
                                    <div class="panel-body">
                                        <p>Added variety.js schema analyzer</p>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-lg-12">
                                <div class="panel panel-primary">
                                    <div class="panel-heading">
                                        Added clone connection feature
                                    </div>
                                    <div class="panel-body">
                                        <p>Now you can clone your existing connection and save</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div id="page3" style="display: none;">
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="panel panel-primary">
                                    <div class="panel-heading">
                                        Chat is live
                                    </div>
                                    <div class="panel-body">
                                        <p>Upon great demand of dear mongoclient users, chat is back again. <b>Please
                                            try to keep your questions only about mongoclient</b>, or you can leave
                                            feedback, and I'm gonna try to return you back as soon as possible.</p>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-lg-12">
                                <div class="panel panel-primary">
                                    <div class="panel-heading">
                                        Moved to flowrouter
                                    </div>
                                    <div class="panel-body">
                                        <p>Iron router and it's issues have been solved</p>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-lg-12">
                                <div class="panel panel-primary">
                                    <div class="panel-heading">
                                        Other improvements
                                    </div>
                                    <div class="panel-body">
                                        <p>MeteorJS has been updated, scrollbars have been separated for navigation and main view, many bugs have been fixed.
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <div class="pull-left">
                        <button id="btnPrevious" disabled class="btn btn-white btn-lg"><i class="fa fa-arrow-left"></i>
                        </button>
                    </div>
                    <button id="btnNext" class="btn btn-white btn-lg"><i class="fa fa-arrow-right"></i></button>
                </div>
            </div>
        </div>
    </div>
</template>